// 数据回填 只要是修改操作，全都需要数据回填
// 数据回填就是获取到原来的数据，设置输入框的默认值即可
function renderUser() {
  // 获取用户的信息数据，设置输入框的默认值
  axios.get('/my/user/userinfo').then(res => {
    // 数据回填，麻烦方法
    // let {username,nickname,email} = res.data.data;
    // $("input[name=username").val(username);
    // $("input[name=nickname").val(nickname);
    // $("input[name=email").val(email);
    console.log(res);
    // 使用layui提供的form.val（）进行数据回填，简单方法
    let form = layui.form;
    // form.val('表单，layui-filter属性值', '数据，必须是对象格式，对象的键必须等于输入框的name')
    form.val('abc', res.data.data)
  })
}
renderUser();


// 完成修改
$("form").on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  axios.post('/my/user/userinfo', data).then(res => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 更新index.html页面的name
      // 调用父页面的函数，必须满足以下两个条件
      // 1、使用iframe把两个页面联系到一起，形成父子页面的形式
      // 2、必须使用真实的服务器环境才行，必须使用live server
      window.parent.getUserInfo()
    }
  })
})


// 重置
$("button[type=reset]").on('click', function (e) {
  e.preventDefault();//阻止默认行为,不要清空输入框
  renderUser();
})
